a.tombol1, input.tombol1 {
  font-size: 1em !important;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding: .3em 1.0em;
  color: #FC0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  background: #115ab0;
  background: -webkit-gradient(linear, left top, left bottom, from(#115ab0), to(#217fee));
  background: -webkit-linear-gradient(#115ab0, #217fee);
  background-image: -moz-linear-gradient(top, #115ab0, #217fee);
  background-image: -moz-gradient(top, #115ab0, #217fee);
  border: 2px solid #217fee;
}

a.tombol1:hover, input.tombol1:hover {
  background: #217fee;
  background: -webkit-gradient(linear, left top, left bottom, from(#217fee), to(#3488ec));
  background: -webkit-linear-gradient(#217fee, #3488ec);
  background-image: -moz-linear-gradient(top, #217fee, #3488ec);
  background-image: -moz-gradient(top, #217fee, #3488ec);
  color: #efbf02;
}
a.tombol1:active, input.tombol1:active {
  top: 1px;
  background: #10599d;
  background: -webkit-gradient(linear, left top, left bottom, from(#10599d), to(#217fee));
  background: -webkit-linear-gradient(#10599d, #217fee);
  background-image: -moz-linear-gradient(top, #10599d, #217fee);
  background-image: -moz-gradient(top, #10599d, #217fee);
  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
}
a.tombol, input.tombol {
  font-size: 11px;
  text-align:center;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding:2px;
  padding-left:7px;
  padding-right:7px;
  width:40px;
  color: #FC0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  background: #115ab0;
  background: -webkit-gradient(linear, left top, left bottom, from(#115ab0), to(#217fee));
  background: -webkit-linear-gradient(#115ab0, #217fee);
  background-image: -moz-linear-gradient(top, #115ab0, #217fee);
  background-image: -moz-gradient(top, #115ab0, #217fee);
  border: 1px solid #217fee;
}

a.tombol:hover, input.tombol:hover {
  background: #217fee;
  background: -webkit-gradient(linear, left top, left bottom, from(#217fee), to(#3488ec));
  background: -webkit-linear-gradient(#217fee, #3488ec);
  background-image: -moz-linear-gradient(top, #217fee, #3488ec);
  background-image: -moz-gradient(top, #217fee, #3488ec);
  color: #efbf02;
}
a.tombol:active, input.tombol:active {
  top: 1px;
  background: #10599d;
  background: -webkit-gradient(linear, left top, left bottom, from(#10599d), to(#217fee));
  background: -webkit-linear-gradient(#10599d, #217fee);
  background-image: -moz-linear-gradient(top, #10599d, #217fee);
  background-image: -moz-gradient(top, #10599d, #217fee);
  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
}
/*a.button, input.button {
  font-size: 1em !important;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding: .5em 1.0em;
  color: #FC0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  background: #115ab0;
 
}

a.button:hover, input.button:hover {

  color: #efbf02;
}
a.button:active, input.button:active {
  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
}